<template>
  <div>
    <el-container>
      <el-header height="10vh">
        <MyHeader></MyHeader>
      </el-header>
      <el-header height="85vh">
        <el-container>
            <MyMenu></MyMenu>
          <el-main> 
            <RouterView></RouterView>
          </el-main>
        </el-container>
      </el-header>
      <el-header height="5vh">
        <MyFooter></MyFooter>
      </el-header>
    </el-container>
  </div>
</template>

<script>
import MyHeader from "@/components/layout/MyHeader.vue";
import MyFooter from "@/components/layout/MyFooter.vue";
import MyMenu from "@/components/layout/MyMenu.vue";
import { RouterView } from "vue-router";
export default {
  components: {
    MyHeader,
    MyFooter,
    MyMenu,
    RouterView
},
};
</script>

<style scoped lang="less"></style>
